<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7">
<![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8">
<![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9">
<![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
  <head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>YouTube Topic Explorer</title>
    <meta name="description" content="A Freebase API + YouTube Data API v3 mashup."/>
    <meta name="viewport" content="width=device-width"/>
    <link rel="icon" href="favicon.ico" type="image/png"/>

    <link rel="stylesheet" href="components/html5-boilerplate/css/normalize.css"/>
    <link rel="stylesheet" href="styles/main.css"/>
  </head>
  <body ng-app="topicExplorerApp">
    <!--[if lt IE 7]>
    <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade
      your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install
      Google Chrome Frame</a> to better experience this site.</p>
    <![endif]-->

    <div class="flex-box-container-column" ng-controller="MainCtrl">
      <div id="header">
        <ul>
          <li><a ng-click="changeLanguage('en')">{{'ENGLISH' | i18n}}</a></li>
		  <li><a ng-click="changeLanguage('es')">{{'SPANISH' | i18n}}</a></li>
          <li><a href="about.html" target="_blank">{{'ABOUT' | i18n}}</a></li>
          <li><a href="https://code.google.com/p/yt-topic-explorer/source/browse/#git%2Fapp" target="_blank">{{'SOURCE_CODE' | i18n}}</a></li>
          <li ng-show="channelId"><a ng-click="logout()">{{'LOG_OUT' | i18n}}</a></li>
        </ul>
      </div>
      <div class="box" id="user-box" ng-include="'views/user.html'"></div>
      <div class="container" ng-view></div>
    </div>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="scripts/vendor/angular.js"></script>
    <script src="components/lscache/lscache.js"></script>

    <!-- build:js scripts/scripts.js -->
    <script src="scripts/topic-explorer.js"></script>
    <script src="scripts/controllers/main.js"></script>
    <script src="scripts/controllers/user.js"></script>
    <script src="scripts/controllers/logged-in.js"></script>
	
	<script src="scripts/sprintf-0.6.js"></script>
    <script src="scripts/filter.i18n.js"></script>
	<script src="scripts/spin.js"></script>
    <!-- endbuild -->

    <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
    <script>
      var _gaq = [
        ['_setAccount', 'UA-35676129-1'],
        ['_trackPageview']
      ];
      (function(d, t) {
        var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
        g.src = ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js';
        s.parentNode.insertBefore(g, s)
      }(document, 'script'));
    </script>
  </body>
</html>
